<div id="editIntrosPopup" class="gg-popup">
    <div class="gg-popup-content">
        <div class="gg-popup-header">
            <h2>Edit Intros</h2>
            <span class="gg-popup-close">&times;</span>
        </div>
        <div class="gg-popup-body">
            <div class="gg-popup-section">
                <h3>Perspective</h3>
                <div class="gg-option-group">
                    <div class="gg-option" data-option="first-person">
                        <span class="gg-option-title">First Person</span>
                        <div class="gg-suboptions">
                            <div class="gg-suboption" data-value="first-person-standard">I/me (standard 1st person)</div>
                            <div class="gg-suboption" data-value="first-person-by-name">{{user}} by name</div>
                            <div class="gg-suboption" data-value="first-person-as-you">{{user}} as you</div>
                            <div class="gg-suboption" data-value="first-person-he-him">{{user}} as he/him</div>
                            <div class="gg-suboption" data-value="first-person-she-her">{{user}} as she/her</div>
                            <div class="gg-suboption" data-value="first-person-they-them">{{user}} as they/them</div>
                        </div>
                    </div>
                    <div class="gg-option" data-option="second-person">
                        <span class="gg-option-title">Second Person</span>
                        <div class="gg-suboptions">
                            <div class="gg-suboption" data-value="second-person-as-you">{{user}} as you</div>
                        </div>
                    </div>
                    <div class="gg-option" data-option="third-person">
                        <span class="gg-option-title">Third Person</span>
                        <div class="gg-suboptions">
                            <div class="gg-suboption" data-value="third-person-by-name">{{user}} by name and pronouns</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gg-popup-section">
                <h3>Tense</h3>
                <div class="gg-option-group">
                    <div class="gg-option" data-option="past-tense">
                        <span class="gg-option-title">Past Tense</span>
                    </div>
                    <div class="gg-option" data-option="present-tense">
                        <span class="gg-option-title">Present Tense</span>
                    </div>
                </div>
            </div>
            <div class="gg-popup-section">
                <h3>Style</h3>
                <div class="gg-option-group">
                    <div class="gg-option" data-option="novella-style">
                        <span class="gg-option-title">Novella Style</span>
                    </div>
                    <div class="gg-option" data-option="internet-rp-style">
                        <span class="gg-option-title">Internet RP Style</span>
                    </div>
                    <div class="gg-option" data-option="literary-style">
                        <span class="gg-option-title">Literary Style</span>
                    </div>
                    <div class="gg-option" data-option="script-style">
                        <span class="gg-option-title">Script Style</span>
                    </div>
                </div>
            </div>
            <div class="gg-popup-section">
                <h3>Gender</h3>
                <div class="gg-option-group">
                    <div class="gg-option" data-option="he-him">
                        <span class="gg-option-title">He/Him</span>
                    </div>
                    <div class="gg-option" data-option="she-her">
                        <span class="gg-option-title">She/Her</span>
                    </div>
                    <div class="gg-option" data-option="they-them">
                        <span class="gg-option-title">They/Them</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="gg-popup-footer">
            <button id="ggCancelEditIntros" class="gg-button gg-button-secondary">Cancel</button>
            <button id="ggApplyEditIntros" class="gg-button gg-button-primary">Apply</button>
        </div>
    </div>
</div>
